<template>
	<view class="contents">
		<view class="spotView">
			<text class="flex flex-direction spotText ">
				加入我们，成为红娘；
				既能做有意义的事又可以赚钱，何乐而不为呢；
				可以在线上或者线下摆摊；
				你推广产生的收益，最高可获得<text class="redText">80%</text>；
				推广的前10位获得收益的60%；
				推广满50位，51位开始获得收益为70%；
				推广满100位，101位开始获得收益为80%；
				限时推广价<text class="redText">9.99元</text>，即刻成为红娘；
				推广价，开放100位；
			</text>
		</view>
		<button class="toJoinUsButton" @click="joinUs">9.9成为红娘</button>
	</view>
</template>
<script>
import API from '@/api/api.js';
var app = getApp();
export default {
	data() {
		return {
			status: 'loading'
		};
	},
	onLoad() {},
	onShow() {
		let user = app.globalData.user;
		if (!user) {
			user = '';
		}
		this.user = user;
	},

	methods: {
		joinUs: function() {
			uni.showToast({
				title: '限时免费使用',
				mask: false,
				duration: 1000
			});
		}
	}
};
</script>

<style lang="scss">
.contents {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.spotView {
	// margin-right: 20rpx;
	// margin-left: 20rpx;
	min-height: 600rpx;
	min-width: 600rpx;
	.spotText {
		font-size: 30rpx;
		font-weight: 600;
		color: #2c405a;
		text-indent: 15rpx;
		line-height: 50rpx;
		.redText{
			color: #FA3534;
		}
	}
}
	
	.toJoinUsButton{
		border: none;
		border-radius: 25rpx 25rpx 0 0;
		width: 100%;
		position: fixed;
		bottom: calc( var(--window-bottom) );
		z-index: 1030;
		background-color: #1a1a1a;
		color: #FFFFFF;
	}
	
</style>
